<style type="text/css">
    
    table.raid-listing 
    {
        width: 100%;
    }
    
    table.raid-listing tr td 
    {
        width: 20%;
        padding: 0px;
        background-image: url('/pldkp/gfx/site/fade_bg.png');
        vertical-align: top;
    }
    
    table.raid-listing caption
    {
        background-image: url('/pldkp/gfx/site/fade_bg_darker.png');
        font-weight: 100;
        font-size: 22px;
        padding: 10px;
        text-align: center;
    }
    
    div.raid-class-listing h1
    {
        font-size: 14px;
        font-weight: bold; 
        line-height:normal; 
        border-bottom: none;
        color: black;
        padding-bottom: 2px;
        text-align: center;
    }
    
    div.raid-class-listing
    {
        padding-bottom: 5px;
    }
    
    div.raid-class-listing h1 img
    {
    }
    
    div.raid-class-listing ul
    {
        margin: 0px;
        padding: 0px;
        padding-left: 20px;
        list-style: none;
    }
    
</style>


<div class="frame-metal">
    <table class="raid-listing">
        <caption>Confirmed</caption>
        <tr>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/death_knight.png') ?> Death Knight</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                        <li>Hest</li>
                        <li>Hest</li>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/druid.png') ?> Druid</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/hunter.png') ?> Hunter</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/mage.png') ?> Mage</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/paladin.png') ?> Paladin</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/priest.png') ?> Priest</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/rouge.png') ?> Rogue</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/shaman.png') ?> Shaman</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/warlock.png') ?> Warlock</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
            <td>
                <div class="raid-class-listing">
                    <h1><?= $this->img('gfx/icon/class/18x18/warrior.png') ?> Warrior</h1>
                    <ul>
                        <li>Hest</li>
                        <li>Hest</li>
                    </ul>
                </div>
            </td>
        </tr>
        
    </table>
</div>
